<template>
  <div>
    <h2>这是父组件</h2>
    <p>本案例演示把子组件的数据放入到父组件中</p>
    <hr />

    <Page />

    <hr />

    <Page01 />
  </div>
</template>

<script>
import Page from '../components/Page.vue'
import Page01 from '../components/Page01.vue'

export default {
  mounted() {
    // 使用全局事件总线的方式，传输一些数据
    this.$bus.$emit('haha', 10086)

    // 接收数据的函数
    this.$bus.$on('heihei', function (s) {
      console.log(s)
    })

    console.log(this) // vc
  },
  components: {
    Page,
    Page01
  }
}
</script>

<style lang="less" scoped></style>
